{extend name="property/public/insidePageBase" /}
{block name="title"}账单详情{/block}
{block name="body"}
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-form layui-form-pane">
            <div class="layui-row layui-col-space15">
                <div class="layui-tab layui-tab-brief">
                    <ul class="layui-tab-title">
                        <li class="layui-this">基本信息</li>
                    </ul>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs7">
                    <div class="layui-form-item">
                        <label class="layui-form-label">房间信息</label>
                        <div class="layui-input-block">
                            <input type="text" value="{$info['full_room_name']??''}" disabled  placeholder="房间信息" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-col-xs5">
                    <div class="layui-form-item">
                        <label class="layui-form-label">费用类别</label>
                        <div class="layui-input-block">
                            <input type="text" value="{$info['full_cate_name']??''}" disabled  placeholder="账单费用类别" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row layui-form-item">
                <div class="layui-col-xs4">
                    <div class="layui-input-group">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;&nbsp;&nbsp;合计金额&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <input type="text" value="{$info['total_amount']??'0.0000'}"  disabled  class="layui-input">
                        <div class="layui-input-split layui-input-suffix"> ¥</div>
                    </div>
                </div>
                <div class="layui-col-xs4">
                    <div class="layui-input-group">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;&nbsp;&nbsp;小计金额&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <input type="text" value="{$info['amount']??'0.0000'}"  disabled  class="layui-input">
                        <div class="layui-input-split layui-input-suffix"> ¥</div>
                    </div>
                </div>
                <div class="layui-col-xs4">
                    <div class="layui-input-group">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;&nbsp;&nbsp;滞纳金&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <input type="text" value="{$info['overdue_fine']??'--'}"  disabled  class="layui-input">
                        <div class="layui-input-split layui-input-suffix"> ¥</div>
                    </div>
                </div>
            </div>


            {if isset($info['energy_bill_info']['plan_record'])}

            <div class="layui-row layui-form-item">
                <div class="layui-col-xs4">
                    <div class="layui-input-group">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;&nbsp;&nbsp;设备名称&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <input type="text" value="{$info['energy_bill_info']['energy_name']??'--'}"  disabled  class="layui-input">
                    </div>
                </div>
                <div class="layui-col-xs4">
                    <div class="layui-input-group">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;&nbsp;&nbsp;计费方案&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <input type="text" value="{$info['energy_bill_info']['plan_record']['plan_name']??'--'}"  disabled  class="layui-input">
                    </div>
                </div>

                {if $info['energy_bill_info']['plan_record']['loss_switch'] == 1}
                <div class="layui-col-xs4">
                    <div class="layui-input-group">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;&nbsp;&nbsp;{$info['energy_bill_info']['plan_record']['loss_name']??'--'}&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <input type="text" value="{$info['plan_record']['loss_per']??'--'}"  disabled  class="layui-input">
                        <div class="layui-input-split layui-input-suffix">%</div>
                    </div>
                </div>
                {/if}
            </div>


            {if $info['energy_bill_info']['plan_record']['mode_type'] == 2}
                <div class="layui-form-item">
                    <div class="layui-input-group start-end-time">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;基本价&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <div class="layui-input-split layui-input-prefix">尖</div>
                        <input type="text" value="{$info['energy_bill_info']['plan_record']['basic_price_j']??'--'}" disabled autocomplete="off" class="layui-input">
                        <div class="layui-input-split layui-input-suffix">¥/度</div>
                        <div class="layui-input-split layui-input-suffix">峰</div>
                        <input type="text" value="{$info['energy_bill_info']['plan_record']['basic_price_f']??'--'}" disabled  autocomplete="off" class="layui-input">
                        <div class="layui-input-split layui-input-suffix">¥/度</div>
                        <div class="layui-input-split layui-input-suffix">平</div>
                        <input type="text" value="{$info['energy_bill_info']['plan_record']['basic_price_p']??'--'}" disabled  autocomplete="off" class="layui-input">
                        <div class="layui-input-split layui-input-suffix">¥/度</div>
                        <div class="layui-input-split layui-input-suffix">谷</div>
                        <input type="text" value="{$info['energy_bill_info']['plan_record']['basic_price_g']??'--'}" disabled  autocomplete="off" class="layui-input">
                        <div class="layui-input-split layui-input-suffix">¥/度</div>
                    </div>
                </div>

                {if $info['energy_bill_info']['plan_record']['service_switch'] == 1}
                    <div class="layui-form-item">
                        <div class="layui-input-group start-end-time">
                            <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;{$info['energy_bill_info']['plan_record']['service_name']??'--'}&nbsp;&nbsp;&nbsp;&nbsp;</div>
                            <div class="layui-input-split layui-input-prefix">尖</div>
                            <input type="text" value="{$info['energy_bill_info']['plan_record']['service_price_j']??'--'}" disabled autocomplete="off" class="layui-input">
                            <div class="layui-input-split layui-input-suffix">¥/度</div>
                            <div class="layui-input-split layui-input-suffix">峰</div>
                            <input type="text" value="{$info['energy_bill_info']['plan_record']['service_price_f']??'--'}" disabled  autocomplete="off" class="layui-input">
                            <div class="layui-input-split layui-input-suffix">¥/度</div>
                            <div class="layui-input-split layui-input-suffix">平</div>
                            <input type="text" value="{$info['energy_bill_info']['plan_record']['service_price_p']??'--'}" disabled  autocomplete="off" class="layui-input">
                            <div class="layui-input-split layui-input-suffix">¥/度</div>
                            <div class="layui-input-split layui-input-suffix">谷</div>
                            <input type="text" value="{$info['energy_bill_info']['plan_record']['service_price_g']??'--'}" disabled  autocomplete="off" class="layui-input">
                            <div class="layui-input-split layui-input-suffix">¥/度</div>
                        </div>
                    </div>
                {/if}

                <div class="layui-form-item">
                    <div class="layui-input-group start-end-time">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;尖&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <div class="layui-input-split layui-input-prefix">本期读数</div>
                        <input type="text" value="{$info['energy_bill_info']['end_num_j']??'--'}" disabled autocomplete="off" class="layui-input">

                        <div class="layui-input-split layui-input-suffix">上期底数</div>
                        <input type="text" value="{$info['energy_bill_info']['start_num_j']??'--'}" disabled  autocomplete="off" class="layui-input">


                        <div class="layui-input-split layui-input-suffix">倍率</div>
                        <input type="text" value="{$info['energy_bill_info']['beilv']??'--'}" disabled  autocomplete="off" class="layui-input" style="width: 50px;">
                        <div class="layui-input-split layui-input-suffix">倍</div>


                        <div class="layui-input-split layui-input-suffix">本期用量</div>
                        <input type="text" value="{$info['energy_bill_info']['use_num_j']??'--'}" disabled  autocomplete="off" class="layui-input">
                        <div class="layui-input-split layui-input-suffix">度</div>

                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-group start-end-time">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;峰&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <div class="layui-input-split layui-input-prefix">本期读数</div>
                        <input type="text" value="{$info['energy_bill_info']['end_num_f']??'--'}" disabled autocomplete="off" class="layui-input">

                        <div class="layui-input-split layui-input-suffix">上期底数</div>
                        <input type="text" value="{$info['energy_bill_info']['start_num_f']??'--'}" disabled  autocomplete="off" class="layui-input">


                        <div class="layui-input-split layui-input-suffix">倍率</div>
                        <input type="text" value="{$info['energy_bill_info']['beilv']??'--'}" disabled  autocomplete="off" class="layui-input" style="width: 50px;">
                        <div class="layui-input-split layui-input-suffix">倍</div>


                        <div class="layui-input-split layui-input-suffix">本期用量</div>
                        <input type="text" value="{$info['energy_bill_info']['use_num_f']??'--'}" disabled  autocomplete="off" class="layui-input">
                        <div class="layui-input-split layui-input-suffix">度</div>

                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-group start-end-time">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;平&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <div class="layui-input-split layui-input-prefix">本期读数</div>
                        <input type="text" value="{$info['energy_bill_info']['end_num_p']??'--'}" disabled autocomplete="off" class="layui-input">

                        <div class="layui-input-split layui-input-suffix">上期底数</div>
                        <input type="text" value="{$info['energy_bill_info']['start_num_p']??'--'}" disabled  autocomplete="off" class="layui-input">


                        <div class="layui-input-split layui-input-suffix">倍率</div>
                        <input type="text" value="{$info['energy_bill_info']['beilv']??'--'}" disabled  autocomplete="off" class="layui-input" style="width: 50px;">
                        <div class="layui-input-split layui-input-suffix">倍</div>


                        <div class="layui-input-split layui-input-suffix">本期用量</div>
                        <input type="text" value="{$info['energy_bill_info']['use_num_p']??'--'}" disabled  autocomplete="off" class="layui-input">
                        <div class="layui-input-split layui-input-suffix">度</div>

                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-group start-end-time">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;谷&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <div class="layui-input-split layui-input-prefix">本期读数</div>
                        <input type="text" value="{$info['energy_bill_info']['end_num_g']??'--'}" disabled autocomplete="off" class="layui-input">

                        <div class="layui-input-split layui-input-suffix">上期底数</div>
                        <input type="text" value="{$info['energy_bill_info']['start_num_g']??'--'}" disabled  autocomplete="off" class="layui-input">


                        <div class="layui-input-split layui-input-suffix">倍率</div>
                        <input type="text" value="{$info['energy_bill_info']['beilv']??'--'}" disabled  autocomplete="off" class="layui-input" style="width: 50px;">
                        <div class="layui-input-split layui-input-suffix">倍</div>


                        <div class="layui-input-split layui-input-suffix">本期用量</div>
                        <input type="text" value="{$info['energy_bill_info']['use_num_g']??'--'}" disabled  autocomplete="off" class="layui-input">
                        <div class="layui-input-split layui-input-suffix">度</div>

                    </div>
                </div>


            {else /}
                {if $info['energy_bill_info']['plan_record']['mode_type'] == 1 || $info['energy_bill_info']['plan_record']['mode_type'] == 3}

                <div class="layui-form-item">
                    <div class="layui-input-group start-end-time">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;基本价&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <input type="text" value="{$info['energy_bill_info']['plan_record']['basic_price']??'--'}" disabled autocomplete="off" class="layui-input">
                        <div class="layui-input-split layui-input-suffix">¥</div>

                        {if $info['energy_bill_info']['plan_record']['service_switch'] == 1}
                        <div class="layui-input-split layui-input-suffix">{$info['energy_bill_info']['plan_record']['service_name']??'--'} </div>
                        <input type="text" value="{$info['energy_bill_info']['plan_record']['service_price']??'--'}" disabled  autocomplete="off" class="layui-input">
                        <div class="layui-input-split layui-input-suffix">¥</div>
                        {/if}
                        {if $info['energy_bill_info']['plan_record']['loss_switch'] == 1}
                        <div class="layui-input-split layui-input-suffix">{$info['energy_bill_info']['plan_record']['loss_name']??'--'} </div>
                        <input type="text" value="{$info['energy_bill_info']['plan_record']['loss_per']??'--'}" disabled  autocomplete="off" class="layui-input">
                        <div class="layui-input-split layui-input-suffix">%</div>
                        {/if}
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-group start-end-time">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;总&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        <div class="layui-input-split layui-input-prefix">本期读数</div>
                        <input type="text" value="{$info['energy_bill_info']['start_num_z']??'--'}" disabled autocomplete="off" class="layui-input">

                        <div class="layui-input-split layui-input-suffix">上期底数</div>
                        <input type="text" value="{$info['energy_bill_info']['end_num_z']??'--'}" disabled  autocomplete="off" class="layui-input">


                        <div class="layui-input-split layui-input-suffix">倍率</div>
                        <input type="text" value="{$info['energy_bill_info']['beilv']??'--'}" disabled  autocomplete="off" class="layui-input" style="width: 50px;">
                        <div class="layui-input-split layui-input-suffix">倍</div>


                        <div class="layui-input-split layui-input-suffix">本期用量</div>
                        <input type="text" value="{$info['energy_bill_info']['use_num_z']??'--'}" disabled  autocomplete="off" class="layui-input">

                    </div>
                </div>
                {/if}
            {/if}
            {/if}

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">备注说明</label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入备注说明" class="layui-textarea" name="remark" disabled>{$info['remark']}</textarea>
                </div>
            </div>

            <div class="layui-form-item layui-hide">
                <button type="button" class="layui-btn layui-btn-primary replaceUploadImg toggleUpload" lay-data="{}"></button>
                <button class="layui-btn" lay-submit lay-filter="submitBtn" id="submitBtn">提交</button>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
{__block__}
<script>
    layui.use(['form', 'layer','table'], function () {
        var form = layui.form,layer = layui.layer,  $ = layui.$,table = layui.table;
        <!-- 账单明细 add-->

        <!-- 账单明细 end-->
    });
</script>
{/block}